html,body{
    background: #f8f8f8;
}
@media(min-width:1440px){
    .container{
        width:1400px;
    }
}

@media(min-width:1660px){
    .container{
        width:1600px;
    }
}
.width10{width:10%}
.width35{width:35%}
.width55{width:55%}
.width45{width:45%}
.width65{width:65%}
.width30{width:30%}
.width90{width:90%}
.width40{width:40%}
.width60{width:60%}
.width30{width:30%}
.width70{width:70%}
.width50{width:50%}


/* 面包屑导航 */
.sub_nav{width:100%; overflow:hidden; margin-top:-35px}
.sub_nav ul{font-size:0;width:100%;margin:0 auto;}
.sub_nav li{display:inline-block;margin-right:20px;box-shadow: 0px 3px 3px rgba(0,0,0,.1);}
.sub_nav li a{display:block; text-align:center;font-size:16px; color:#777; position:relative;padding:15px 30px; border-radius: 4px;background: #fff; }
.sub_nav li.cur a{color:#fff; background:#fe0000;}
.sub_nav li.cur a:after{left:0; width:100%;}
.sub_nav li:hover a{color:#fff; background:#fe0000;}
.sub_nav li:hover a:after{left:0; width:100%;}


.banner-c{
    width:100%;
    position: relative;
    margin-top:100px;
    overflow: hidden;
}
.banner-c img{
    display: block;
    margin: 0 auto;
    animation: scale-bg 8s linear forwards infinite alternate;
    -webkit-animation: scale-bg 8s linear forwards infinite alternate;
    -moz-animation: scale-bg 8s linear forwards infinite alternate;
    -o-animation: scale-bg 8s linear forwards infinite alternate;
}
.banner-catname{
    position: absolute;
    top:30%;
    text-align: center;
    width: 100%;
}
.nameEN{
    font-size:80px;
    line-height: 80px;
    color: rgba(255,255,255,.2);
}
.nameCH{
    font-size:42px;
    color:#fff;
    margin-top:-40px;
}
.banner-catname:after{
    content: "";
    display: block;
    width:60px;
    height: 2px;
    background: #f36f00;
    margin:0 auto;
    margin-top:20px;
}


.text-c{
    text-align: center;
    color:#333;
}
.text-c a{
    color:#777;
    padding:5px 10px;
}
.text-c span{
    color:#f36f00;
    padding:5px 10px;
    background: #ddd;
    font-weight: bold;
}

.f14{
    border-top:1px solid #ddd;
    margin-top:60px;
    padding-top:10px;
    color:#777;
}
.f14 a{color:#777;}





/* 关于 */
.sec-about{
    overflow: hidden;
    margin:60px -15px;
}
.sec-about-pic{
    overflow: hidden;
}
.sec-about-pic img{
    display: block;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-about-pic:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.sec-about-title{
    font-size: 48px;
    font-weight: bold;
    color:#f36f00;
    margin:10px 0 30px;
}
.sec-about-box{
    padding-left:60px
}
.sec-about-content{
    line-height: 30px;
    color:#777
}

.sec-about-btn{
    width: 172px;
    height: 48px;
    text-align: center;
    border: 1px solid #f36f00;
    background:#eee;
    line-height: 48px;
    margin-top:40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.sec-about-btn a{
    display: block;
    color:#555;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.sec-about-btn:hover{
    background: #f36f00;
}
.sec-about-btn:hover a{
    color:#fff;
}
.sec-adv{
    margin-bottom:60px;
    line-height: 30px;
}
.sec-adv-title{
    font-size:48px;
    line-height: 48px;
    margin-bottom:40px;
    font-weight: bold;
}

.about-about{
    padding:85px 0 120px;
    overflow: hidden;
}
.about-title{
    font-size:32px;
    font-weight: bold;
    color:#000;
    text-align: center;
}
.about-title:after{
    content: "";
    display: block;
    width:40px;
    height: 2px;
    background: #f36f00;
    margin: 20px auto 40px;
}
.about-content{
    line-height: 30px;
    color:#777;
    margin-bottom:40px;
}
.culture{
    background: url(../../images/culture.jpg) no-repeat center top;
    height: 700px;
    position: relative;
}
.culture-content{
    width:50%;
    padding:60px;
    border-radius: 8px;
    background: #fff;
    margin-top:-60px;
}
.culture-by{
    font-size:32px;
    font-weight: bold;
    color:#f36f00;
}
.culture-by:after{
    content: "";
    display: block;
    width:60px;
    height: 2px;
    background-color: #f36f00;
    margin:20px 0 40px;
}
.culture-desc{
    line-height: 40px;
    color:#777;
}
.culture-title{
    position: absolute;
    right:8%;
    bottom:60px;
    text-align: right;
}
.honor{
    overflow: hidden;
}
.honor-left{
    padding-left:8%;
    background: url(../../images/honor.jpg) no-repeat center left;
    height: 700px;
}
.honor-right{
    background: #f4f4f4;
    padding:120px 8% 120px 60px;
    overflow: hidden;
    height: 700px;
}
.honor-right ul{overflow: hidden;}
.honor-right ul li{margin-bottom:30px;}
.honor-right ul li a{display: block}
.sec-newpro-box{width: 100%;height: 260px;overflow:hidden}
.sec-newpro-box img{
    max-height: 260px;
    display: block;
    margin:0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-newpro-box:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.honor-right .sec-newpro-box{width: 100%;height: 194px;overflow:hidden}
.honor-right .sec-newpro-box img{
    max-height: 194px;
    display: block;
    margin:0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.honor-box{
    overflow: hidden;
    margin-bottom:30px;
    padding:5px;
    border:1px solid #ddd;
    border-radius: 4px;
}
.honor-box img{
    display: block;
    margin:0 auto;
}
.honor-title{
    margin-top:100px;
    /* text-align: right; */
    color:#333;
}
.honor-title .nameEN{
    color: rgba(0, 0, 0, .1);
}
.honor-title .nameCH{color:#333;}

.honor-icon span{
    display: inline-block;
}
.honor-c{
    background: #fff;
    margin:60px 0;
    border-radius: 8px;
    overflow: hidden;
    padding:60px;
}
.honor-t{
    text-align: center;
}
.honor-icon{
    line-height: 60px;
    border-bottom:1px solid #ddd;
    color:#777;
    margin-bottom:30px;
}
.honor-icon span{
    margin-right:60px;
}
.honor-icon span:nth-child(2){
    margin-right:0;
}
.honor-c-c img{
    display: block;
    margin:0 auto;
}


















/* 产品 */
.sec-product{
    background: url(../../images/cheng.png) no-repeat top center;
    padding-top:80px;
    overflow: hidden;
}
.sec-product-title{
    text-align: center;
    color:#fff;
    font-size:48px;
    font-weight: bold;
    margin-bottom:60px;
}
.sec-product-pro{
    overflow: hidden;
    margin-left:-15px;
    margin-right:-15px;
}
.sec-product-box{
    width:100%;
    position: relative;
}
.sec-product-pic{
    width: 100%;
    overflow: hidden;
}
.sec-product-pic img{
    width:100%;
    display: block;
    margin:0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-product-name{
    position: absolute;
    left:0;
    bottom:20px;
    background: url(../../images/btn-bg.png) no-repeat left top;
    width: 240px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    text-align: center;
    color:#333;
    letter-spacing: 2px;
}
.sec-product-box:hover .sec-product-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.sec-line{
    margin:60px 0;
}
.sec-newpro-title{
    font-size: 48px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom:40px;
}
#element_id{overflow:hidden;}
#element_id ul li{float:left;padding:0 15px;}
#element_id ul li .sec-newpro-box{
    width:378px;
    border: 1px solid #f36f00;
    position: relative;
    overflow: hidden;
    height: 212px;
}
#element_id ul li .sec-newpro-box img{
    display: block;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    max-height: 212px;
}

.sec-newpro-name{
    position: absolute;
    right:0;
    bottom:0;
    background:url(../../images/newpro-bg.png) no-repeat right top;
    width:250px;
    height: 120px;
}
.sec-newpro-tit{
    text-align: right;
    margin-top:70px;
    padding-right:30px;
    font-size: 20px;
    color:#333;
}
#element_id ul li:hover .sec-newpro-box img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.sec-newpro{
    margin-bottom:60px;
}
.product{
    overflow: hidden;
    margin:60px 0;
}
.product ul{overflow: hidden;}
.product ul li{
    margin-bottom:30px;
    overflow: hidden;
    padding-top:5px;
    padding-bottom:5px;
}
.product-box{
    background: #ffff;
    border-radius: 8px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.product-top{
    padding:40px;
}
.product-title{
    font-size:20px;
    color:#333;
    font-weight: bold;
    margin-bottom:30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;

}
.product-title a{color:#f36f00;}
.product-pic{
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 330px;
    text-align: center;
}
.product-pic a {
    display: table-cell;
    width: 100%;
    height: 330px;
    vertical-align: middle;
    }
.product-pic a img{
    display: block;
    margin: 0 auto;
    max-height: 330px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.product-btn{
    text-align: center;
    border-top:1px solid #ddd;
    line-height: 60px;
    color:#777;
}
.product-btn a{display: block; color:#777;}
.product ul li:hover .product-box{
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
}
.product ul li:hover .product-title{
    color:#f36f00;
}
.product ul li:hover .product-btn{
    color:#f36f00;
}
.product ul li:hover .product-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.product-c-top{
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    padding:40px;
}

.product-c-top .product-img{
    border: 1px solid #ddd;
    border-radius: 8px;
    padding:10px;
    overflow: hidden;
    height: 600px;
}
.product-c-top .product-img img{
    display: block;
    margin: 0 auto;
    max-height: 580px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.product-desc{
    padding-left:60px;
    padding-top:60px;
    padding-bottom:60px;
}
.product-desc h3{
    color:#333;
}
.product-intro{
    line-height: 30px;
    margin:40px 0 60px;
    color:#777;
}
.product-intro span{
    display: block;
    font-weight: bold;
    color:#333;
}
.product-c-btn{
    width:180px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #ddd;
}
.product-c-btn a{
    display: block;
    color:#f36f00;
}
.product-c-btn:hover a{
    background: #f36f00;
    color:#fff;
}
.product-c-top .product-img:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.product-c-bottom{
    overflow: hidden;
    margin-top:60px;
}
.product-name{
    border-bottom: 1px solid #ddd;
}
.product-name span{
    display: block;
    width:160px;
    height: 40px;
    line-height: 40px;
    background: #f36f00;
    color:#fff;
    text-align: center;
    font-size: 20px;
}
.product-c-content{
    padding-top:30px;
    color:#777;
    padding-bottom:30px;
}






.sec-contact{
    background: url(../../images/sec-contact.jpg) no-repeat top center;
    background-attachment: fixed;
    background-size: 100% 100%;
    width: 100%;
    height: 700px;
    color:#fff;
    padding:180px 0;
    overflow: hidden;
}
.sec-contact-name{
    font-size: 48px;
    line-height: 80px;
    font-weight: bold;
}
.sec-contact-btn{
    width: 260px;
    height: 60px;
    border:1px solid #f36f00;
    line-height: 60px;
    text-align: center;
    margin-top:60px;
}
.sec-contact-btn a{
    display: block;
    color:#fff;
    font-size:20px;
}
.sec-contact-btn a img{
    margin-right:20px;
    width: 24px;
}
.sec-contact-btn:hover a{
    background:#f36f00;
}
.sec-contact-right img{
    width:140px;
    height: 140px;
    display: block;
    margin:0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-contact-right span{
    display: block;
    font-weight: bold;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    color:#f36f00;
    margin-top:20px;
}
.sec-contact-right:hover img{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.contact{
    overflow: hidden;
    margin:80px 0;
}
.contact-top{
    overflow: hidden;
    padding:60px;
    border-radius: 8px;
    background: #fff;
}
.contact-tit{
    font-size:24px;
}
.contact-tit:after{
    content: "";
    display: block;
    width:60px;
    height: 2px;
    background-color: #f36f00;
    margin:30px 0 40px;
}
.contact-content{
    line-height: 40px;
}
.contact-content img{
    width:24px;
    float:left;
    margin-top:8px;
    margin-right: 10px;
}
.contact-bottom{
    margin-top:40px;
    background: #fff;
    border-radius: 8px;
    padding:60px;
}
.message-tit{
    font-size:40px;
    text-align: center;
    color:#000;
    line-height: 60px;
}
.message-desc{
    text-align: center;
    line-height: 40px;
    color:#777;
}

.contact-bottom form{
    margin-top:40px;
    overflow: hidden;
}
.contact-bottom form .item{
    margin-bottom:20px;
}
.am-cf:after, .am-cf:before {
    content: " ";
    display: table;
}
.contact-bottom form .item .iput{
    width: 33.333%;
    float: left;
    padding: 0 10px;
}
.contact-bottom form .item .iput .am-form-field {
    padding: 15px;
}
.am-cf:after {
    clear: both;
}

.contact-bottom form .item.wyb .iput {
    width: 100%;
}
.contact-bottom form .item .iput .am-form-field {
    padding: 15px;
}
.c-t-m-btn {
    text-align: center;
}
.c-t-m-btn .am-btn {
    background: #f36f00;
    padding: 15px;
    width: 200px;
    color: #fff;
    border-radius: 4px;
    border:none;
}

input[type="text"],textarea{width:100%}

.service{overflow: hidden;position: relative;}
.service-right{
    position: absolute;
    right:0;
    bottom:0;
}
.service-content{
    background: #fff;
    padding:60px;
    line-height: 40px;
    color:#777;
}
.service-title{text-align: center;font-size:30px;color:#f36f00;margin-bottom:60px;font-weight: bold;}










/* 新闻 */
.sec-news{
    padding:60px 0;
    overflow: hidden;
}
.sec-news-tit{
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    margin-bottom:40px;
}
.sec-news-list ul{
    overflow: hidden;
    margin-left:-15px;
    margin-right:-15px;
    padding:5px 0;
}
.sec-news-list-box{
    border:1px solid #ddd;
    padding:10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-news-pic{
    height: 331px;
    overflow: hidden;
}
.sec-news-pic img{
    display: block;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.sec-news-content{
    margin-top:30px;
}
.sec-news-content h4{
    color:#333;
    line-height: 30px;
    height:60px;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-news-desc{
    color:#777;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}
.sec-news-date{
    color:#777;
    margin-top:40px;
    margin-bottom:20px;
    font-weight: bold;
}
.sec-news-list ul li:hover .sec-news-list-box{
box-shadow: 0px 2px 3px 3px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 2px 3px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0px 2px 3px 3px rgba(0,0,0,.1);
-o-box-shadow: 0px 2px 3px 3px rgba(0,0,0,.1);
}
.sec-news-list ul li:hover .sec-news-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.sec-news-list ul li:hover h4{
    color:#f36f00;
}

.news{
    margin-top:100px;
    margin-bottom:60px;
    overflow: hidden;
}
.news li{
    margin-bottom:30px;
}
.news-box{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.news-pic{
    width:100%;
    height: 283px;
    overflow: hidden;
    background: #fff;
}
.news-pic img{
    display: block;
    margin:0 auto;
    max-height: 283px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.news-content{
    background:#fff;
    padding:40px 30px;
    overflow: hidden;
}
.news-content h4{
    color:#333;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom:30px;
}
.news-date{
    color:#777;
}
.news li:hover .news-box{
    box-shadow: 0 2px 3px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 3px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 3px 5px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 3px 5px rgba(0, 0, 0, .1);
}
.news li:hover .news-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.news-c{
    margin-top:80px;
    margin-bottom:60px;
}
.news-c-left-box{
    padding:60px 40px;
    background: #fff;
    min-height: 500px;
}
.news-c-left-box h2{
    color:#333;
    line-height: 40px;
}
.news-c-left-box h2::after{
    content: "";
    display: block;
    width:60px;
    height: 2px;
    background: #f36f00;
    margin:60px 0 30px;
}
.news-c-date,.news-c-view{
    color:#777;
    line-height: 40px;
}
.news-c-right{
    padding-left:40px;
}
.news-c-right-box{
    background: #fff;
    padding:60px;
    overflow: hidden;
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    border-radius: 8px;
    line-height: 40px;
    color:#777;
}
.news-c-right-box p,.news-c-right-box p span{
    text-wrap: wrap !important;
    text-wrap-mode: wrap !important;
}



















/* footer */
.footer{
    background: #ddd;
}
.ft-left{
    padding-right:120px
}
.footer-box{
    padding-top:60px;
    padding-left:60px;
}
.footer-nav{overflow: hidden;}
.footer-nav h4,.footer-contact h4{
    font-weight: bold;
}
.footer-nav ul{overflow: hidden;margin-bottom:20px;margin-top:10px;padding-bottom:20px;border-bottom:1px solid #999;}
.footer-nav ul li{
    display: inline-block;
    margin-right:60px;
    line-height: 40px;
}
.footer-nav ul li a{
    color:#777;
}
.footer-nav ul li:last-child{
    margin-right: 0;
}
.footer-contact-con{
    line-height: 30px;
    color:#777;
    margin-top:10px;
}
.footer-contact-con em{
    /* font-weight: normal; */
    font-style: normal;
}
.copyright{
    line-height: 60px;
    color:#555;
    overflow: hidden;
    border-top:1px solid #999;
    margin-top:40px;
}
.copyright span{margin-right:40px;}
.copyright a{
    color:#555;
}
/* .copyright img{
    float:right;
    margin-top:5px;
} */
.ft-code{
    padding-top:60px;
    text-align: center;
}
.ft-code img{
    display: block;
    margin:0 auto;
}
.ft-code span{
    display: block;
    line-height: 40px;
}
.ft-code-top{
    margin-bottom:30px;
}


.s{display: none;}


@media(max-width:1659px) and (min-width:1440px){
    .honor-right .sec-newpro-box{height: 158px;}
    .honor-right .sec-newpro-box img{
        max-height: 158px;
    }
}

@media(max-width:1439px) and (min-width:1079px){
    .sec-contact .width45{width:55%}
    .sec-news-pic img{max-height: 232px;}
    .sec-news-pic{height: 232px;}
    .sec-about-title,.sec-adv-title,.sec-product-title,.sec-newpro-title,.sec-contact-name,.sec-news-tit{font-size:36px}
    .ft-left{padding-right: 40px;}
    .product-pic,.product-pic a{height: 202px;}
    .product-pic a img{max-height: 202px;}
    .product-c-top .product-img{height: 500px;}
    .product-c-top .product-img img{max-height: 480px;}
    .news-pic{height: 240px;}
    .news-pic img{max-height: 240px;}
    .service-left{height: 350px;}
    .copyright{font-size:14px;}
    .zhizhao{float:left}
	.ft .ft-logo{width:25%}
	.ft-left .width65{width:75%}
	.footer-nav ul li{margin-right:50px;}
}

@media(max-width:1079px) and (min-width:767px){
    .sec-about .width55,.sec-about .width45{width:100%}
    .sec-about-box{padding:30px 20px;}
    .sec-about-title,.sec-adv-title,.sec-product-title,.sec-newpro-title,.sec-contact-name,.sec-news-tit{font-size:30px;}
    .sec-contact{height: 500px; padding:100px 0;}
    .sec-contact-name{line-height: 54px;}
    .sec-contact .width45{width:55%}
    .sec-product-name{
        width:160px;
        font-size:18px;
        line-height: 60px;
        height: 60px;
        bottom:10px;
    }
    .sec-newpro-tit{font-size:18px;}
    .sec-contact-btn{width:200px;}
    .sec-contact-btn a{font-size:18px}
    .sec-news-pic{height: 153px;}
    .sec-news-pic img{max-height: 153px;}
    .ft .width90,.ft .width10{width:100%}
    .ft-left{padding-right:0;}
    .footer-nav{display: none;}
    .copyright{line-height: 40px;}
    .ft-code{padding-top:30px;}
    .ft-code-top,.ft-code-bottom{width:30%;float:left}
    .culture-content{width:70%}
    .honor-right .sec-newpro-box{height: 112px;}
    .honor-right .sec-newpro-box img{max-height: 112px;}
    .honor-left,.honor-right{height: 500px;}
    .banner-c{margin-top:44px}
    .product-pic,.product-pic a{height: 160px;}
    .product-pic a img{max-height: 160px;}
    .news-pic{height: 167px;}
    .news-pic img{max-height: 167px;}
    .news-content{padding:30px 10px;}
    .news-content h4{font-size:16px;}
    .news-c .width30,.news-c .width70{width:100%}
    .news-c-left-box{min-height: auto;}
    .news-c-right-box{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);padding:20px;}
    .news-c-right{padding-left:0;}
    .service-left{height: 400px;}
}

@media(max-width:767px){
    .sec-about{margin:30px 0;}
    .sec-about .width55,.sec-about .width45{width:100%}
    .sec-about-box{padding:20px;}
    .sec-about-title,.sec-adv-title,.sec-product-title,.sec-newpro-title,.sec-contact-name,.sec-news-tit{font-size:24px;line-height: 30px;}
    .sec-contact-name{text-align: center;}
    .sec-news-tit{margin-bottom:20px}
    .sec-about-content,.sec-adv-content{line-height: 24px;font-size: 14px;}
    .sec-adv{padding:0 10px;}
    .sec-product{padding-top: 40px;}
    .sec-product-pro{
        margin-left:10px;
        margin-right:10px;
    }
    .sec-product-box{margin-bottom:20px;}
    .sec-product-name{font-size:20px;width: 200px;}
    .sec-line{margin:20px 0;}
    .sec-newpro{margin-left:10px;margin-right:10px;margin-bottom:30px;}
    #element_id ul li .sec-newpro-box img{height: 260px;}
    .sec-contact{height: auto;padding:0 0 40px;background-size:auto;background: unset;}
    .s .sec-contact-box{color:#333;margin-top:30px;}
    .sec-contact .width45,.sec-contact .width30{width:100%;padding:0 30px;}
    .sec-contact-btn a{font-size:16px; color:#555;}
    .sec-contact-btn a img{display: none;}
    .sec-contact-btn{width:200px; height: 48px;line-height: 48px;margin:30px auto 0;}
    
    .sec-contact-left{margin-bottom:60px;}
    .sec-contact-right img{width:120px;height:120px;}
    .sec-contact-box span{font-size:20px;line-height: 30px;}
    .sec-news-pic{height: 235px;}
    .sec-news-pic img{
        max-height: 235px;
    }
    .sec-news-list .sec-news-pic{height:auto;}
    .sec-news{
        padding:0px 10px 30px;
    }
    .sec-news-list-box{
        margin-bottom:20px;
    }
    .sec-news-content h4{
        height: auto;
    }
    .sec-news-date{
        margin-top:20px;
    }
    .sec-news-desc{
        font-size: 14px;
        height: 48px;
        line-height: 24px;
    }
    .ft-left{width:100%;padding-right:0}
    .ft-logo{display: none;}
    .ft-left .width65{width:100%}
    .footer-box{padding-top:20px;padding-left:10px;}
    .footer-nav{display: none;}
    .footer-contact-con em{
        font-style: normal;
        margin-right: 20px;
    }
    .copyright{margin-top:20px;padding:0 10px;}
    .copyright span{
        display: block;
        line-height: 30px;
        font-size: 14px;
    }
    .zhizhao{float:left;}
    .ft-code{width:100%;padding-top:20px;}
    .ft-code-top{width:50%;float:left;margin-bottom:0;}
    .ft-code img{width:120px;}
    .sub_nav{display: none;}
    .about-about{padding:30px 0;}
    /* .about-title{font-size:24px;} */
    .about-title:after{margin:20px auto;}
    .about-content{padding:0 10px;}
    .culture-content{
        padding:30px 20px;
        margin-top:0px;
        width:100%
    }
    .culture{height: 600px;}
    .honor-left,.honor-right{width:100%;height: auto;}
    .honor-title{margin-top:30px;}
    .honor-right{
        padding:30px 10px;
    }
    .honor-right .sec-newpro-box{height: 103px;}
    .honor-right .sec-newpro-box img{
        max-height: 103px;
    }
    .banner-c{margin-top:44px;}
    .banner-catname .nameEN{font-size:40px;}
    .banner-catname .nameCH{font-size:24px;}
    .product{margin:30px 0;}
    .product-top{padding:30px;}
    .product-title{margin-bottom:10px;}
    .product-pic,.product-pic a{height: auto;}
    .product-c-top{padding:20px;}
    .product-c-top .width50{width:100%}
    .product-c-top .product-img{height: auto;}
    .product-desc{padding:0;}
    .news{
        margin-top:30px;
        margin-bottom:30px;
    }
    .news-pic{height: auto;}
    .news-content{
        padding:20px;
    }
    .news-c .width30,.news-c .width70{width:100%}
    .news-c{margin-top:30px;margin-bottom:30px;}
    .news-c-left-box{
        padding:30px 10px 10px;
        min-height: auto;
    }
    .news-c-left-box h2::after{
        margin:20px 0;
    }
    .news-c-right{padding-left:0;}
    .news-c-right-box{
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        padding:0 20px;
    }
    .service .width40,.service .width70{width: 100%;}
    .service-right{
        position: unset;
    }
    .service-title{
        margin-bottom:30px;
    }
    .contact{
        margin:30px 0;
    }
    .service-left{display: none;}
    .service-content{
        padding:30px 10px;
    }
    #container {height: 400px !important;}
    #container canvas{
        height: 400px !important;
    }
    .contact-top .width50{width: 100%;}
    .contact-top{padding:20px;}
    .contact-tit:after{
        margin:20px 0;
    }
    .contact-content{line-height: 30px;}
    .contact-box{margin-bottom:30px;}
    .contact-bottom{
        margin-top:20px;
        padding:20px;
    }
    .message-tit{font-size: 32px;}
    .contact-bottom form .item .iput{width: 100%;margin-bottom:20px;}
    .contact-bottom form .item .iput:nth-child(3){margin-bottom:0;}
    .b{display: none;}
    .s{display: block;}
}





@keyframes scale-bg {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes moveUp {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}